(function(window){

	
	var width = window.innerWidth;//获取屏幕宽度
	var fontSize = width / 320 * 12;//根据屏幕宽度的变化计算出跟字体的大小
	var html = document.getElementsByTagName('html')[0];//获得html标签
	html.style.fontSize = fontSize + 'px';//把计算后的根字体大小赋值给html标签

	window.onresize = function() {
		var width = window.innerWidth;//获取屏幕宽度
		var fontSize = width / 320 * 12;//根据屏幕宽度的变化计算出跟字体的大小
		var html = document.getElementsByTagName('html')[0];//获得html标签
		html.style.fontSize = fontSize + 'px';//把计算后的根字体大小赋值给html标签
	}


	

	var pageid = 1;//定义全局的变量。关联下边三个按钮事件

	$.ajax({
		type:'get',
		dataType:'json',
		url:'http://127.0.0.1:3000/api/getmoneyctrl',
		data:{pageid: pageid},//根据 分类id  页数id  获取该分类的商品列表
		success: function(data) {
			// console.log(data);
			var html = template('template2', data);
			$('#container2').html(html);         //默认先获得第一页的内容


			var maxPage = Math.ceil(data.totalCount / data.pagesize); //计算实际的总页数



			//动态生成option标签 并添加到页面
			//方法二
			var opt = ''; //用字符串拼接的方法会减少浏览器重复渲染，提高性能
			for(var i = 1; i <= maxPage; i++ ) {
				opt += '<option value=' + i + '>' + i + '/' + maxPage + '</option>'
			}
			$('select').html(opt);



			$('.foot>input').eq(0).on('click', function() {//点击 上一页 按钮
				pageid--;
				if(pageid == 0) {
					pageid = maxPage;
				}
				//实现 option 的联动
				$('.foot>select>option').eq(pageid - 1).siblings().prop('selected', false).end().prop('selected', true);
				
				$.ajax({
					type:'get',
					dataType:'json',
					url:'http://127.0.0.1:3000/api/getmoneyctrl',
					data:{pageid: pageid},
					success: function(data) {
						var html = template('template2', data);
						$('#container2').html(html);
					}
				})
			})


			$('.foot>input').eq(1).on('click', function() {//点击 下一页 按钮
				pageid++;
				if(pageid == maxPage + 1) {
					pageid = 1;
				}
				//实现 option 的联动
				$('.foot>select>option').eq(pageid - 1).siblings().prop('selected', false).end().prop('selected', true);

				$.ajax({
					type:'get',
					dataType:'json',
					url:'http://127.0.0.1:3000/api/getmoneyctrl',
					data:{pageid: pageid},
					success: function(data) {
						// var data = JSON.stringify(data);
						// console.log(data);
						var html = template('template2', data);
						$('#container2').html(html);
					}
				})
			})



			$('select').on('change', function() {//select被点击的时候 触发 change 事件
				var str = $('select').val();//获得change后的select的value 赋值给变量pageid。
				pageid = str - 0;
				$.ajax({
					type:'get',
					dataType:'json',
					url:'http://127.0.0.1:3000/api/getmoneyctrl',
					data:{pageid: pageid},
					success: function(data) {
						console.log(data);
						var html = template('template2', data);
						$('#container2').html(html);
					}
				})

			})

		}
	})









})(window);